<div class="type-edit container-fluid">

  <div class="row">
    <div class="list-toolbar col-xl-12">
      <div class="title">
        <span>类型配置</span>
      </div>
      <div class="filter"></div>
      <div class="buttons"></div>
    </div>
  </div>

  <div>
    <div class="my-validate-form">
        <div class="form-group row">
          <label class="col-sm-2 col-form-label"><span>类型方案</span></label>
          <div class="col-sm-10">
            <select (change)="change(model.id)" [(ngModel)]="model.id" class="form-control" name="parentId">
              <option value=""></option>
              <option *ngFor="let item of models" value="{{item.id}}">
                <span>{{item.name}}</span>
              </option>
            </select>
          </div>
        </div>

        <div class="form-group row">
          <div class="col-sm-12">
            <table class="table table-bordered table-hover th-bolder">
              <thead>
              <tr>
                <th>编号</th>
                <th>名称</th>
              </tr>
              </thead>
              <tbody>
                <tr *ngFor="let type of model.items; let idx=index;">
                  <td>{{idx+1}}</td>
                  <td>{{type.label}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
    </div>
  </div>
</div>
